<template>
  <div class="dashboard-container">
    <div class="logo-box" :style="device === 'mobile'? 'font-size: 22px': ''">
      佳玲快送后台管理系统欢迎您
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'Dashboard',
  data() {
    return {
    }
  },
  computed: {
    ...mapGetters([
      'device'
    ])
  },
  created() {
  }
}
</script>
<style lang="scss" scoped>
 .dashboard-container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  min-height: 80vh;
 }
 .logo-box{
    font-size: 32px;
    font-weight: 500;
    color: rgb(24, 144, 255);
    text-align: center;
  }
</style>
